MeMeMe - WP Plugin

First of all, Thank you so much for purchasing this item.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this plugin is made and how to edit this properly.

Plugin Installation

Upload via WordPress Admin

Go under Plugins > Add New, click on Upload Plugin and select the file mememe.zip


Upload via FTP Server

Unzip the file mememe.zip and upload it to the folder /wp-content/plugins/


Activate plugin

Once activated you will find a new custom post type called Memes, and the new section MeMeMe below Settings

Plugin Upgrade

Automatic

Insert your purchase code inside the plugin's settings, you will be automatically notified about new plugin's versions, and will be able to upgrade the plugin with the one-click option, under the plugins panel

Manual

  1. Download the newest MeMeMe from CodeCanyon
  2. Unzip the item onto your local machine. It will create a directory with a file called mememe.zip under it.
  3. Use FTP to delete the existing plugin directory (mememe) from the wp-content/plugins/ directory on your site.
  4. Replace the deleted directory by uploading the unzipped file mememe.zip to the wp-content/plugins/ directory, leaving it in a directory that looks like wp-content/plugins/mememe/
  5. Sign in to your WordPress site. Go to the ‘Plugins’ menu and verify that the plugin you upgraded is the newest version.

Option Panel

Generator

Text Box and Free Drawing mode available.
Select text and stroke color, text outline thickness, text placeholder, pencil size.
Set custom colors for the generator’s tools and gallery buttons


Generated memes

Optionally set a custom watermark, choose the post status, the final meme’s size, and its thumbnail size

Since v.1.5.2 you can enable the Meme Rating System and set the color for the buttons.

Since v.1.6.7 you can enable the sharing buttons for the generated memes.


Galleries

Select the main colors for the variant light and dark of the meme galleries.
Select a destination page hosting the meme generator to enable the Re-Caption option for templates galleries and generated memes


Fonts

You can set any custom font available in your theme or from any other plugin and also use the Google Fonts.
800+ fonts available from the Google Fonts library.
Start typing a font name, the field will be autocompleted with suggestions. Set your private API Key to get the suggestion list weekly updated.


Custom Fonts

If you want to use a self hosted web font that is not included in your theme, follow these steps :

1. Create an empty folder named "fonts" inside your theme's directory (or child theme if you are using it) and upload the fonts inside that folder

2. Copy the CSS, provided by the font author, that you should have got from the font author and paste it inside the style.css of the theme, it should look something like the code below

@font-face{
    font-family: 'Poppins';
    src: url('fonts/Poppins.eot');
    src: url('fonts/Poppins.eot?#iefix') format('embedded-opentype'),
    url('fonts/Poppins.woff') format('woff'),
    url('fonts/Poppins.ttf') format('truetype'),
    url('fonts/Poppins.svg#webfont') format('svg');
}

3. Insert inside the field "Font family" the font name as it is in your CSS font-family property, for this example the font name is 'Poppins', please note that some fonts require quotation marks around the font family name:


Meme Templates

Upload and organize your meme templates, load the first of the list or a random template, allow Guests to upload their images.


Shortcodes

MeMeMe comes with 3 shortcodes, all of them easily configurable as Gutenberg Blocks.


Display the Meme generator

[mememe]

availabe options:
limit="6" Limit templates number inside carousel (0 = show all)
nocarousel="1" Hide carousel under the generator
random="1" Display random templates inside carousel
tags="" Show only templates with selected tags. Accepts a comma separated list of attachment tag slugs
template="" Set default template ID


List Generated Memes

[mememe-list]

availabe options:
category="" Accepts a specific meme category slug
columns="0" Number of static columns for the gallery grid (0 = responsive)
per_page="10" Post per page (default is taken from WordPress settings posts per page)
class="" Optional CSS class for the gallery
thumbsize="mememe-thumb" The slug of the thumbnail size (default meme size can be set inside the plugin's settings)
margin="0" Thumbnails margin
author="1" Show current author's Memes, default = 0
filters="1" Show gallery filters by category (0 = hide)
search="0" Enable search
sort="date" Default sort order: date | hot | rand


List Meme Templates

[mememe-templates]

availabe options:
columns="0" Number of static columns for the gallery grid (0 = responsive)
random="1" Display random templates
thumbsize="thumbnail" The slug of the thumbnail size
paginate="0" Number of templates to show per page (0 = show all)
margin="0" Thumbnails margin
title="1" Show template titles
class="" Optional CSS class for the gallery
filters="1" Show gallery filters by tag (0 = hide)
tags="" Show only templates with selected tags. Accepts a comma separated list of attachment tag slugs
search="0" Enable search


All the shortcodes can also be directly called from the template

<?php echo do_shortcode('[mememe]'); ?>
<?php echo do_shortcode('[mememe-list]'); ?>
<?php echo do_shortcode('[mememe-teplates]'); ?>

Gutenberg Blocks

3 available blocks for Gutenberg, the new WordPress editor, inside the widget section.


Any block is fully customizable, reusable and editable.


From Classic Editor to Gutenberg: converting shortcodes to blocks

If you have set some shortcodes before using Gutenberg, select the option "Convert to blocks" from the menu at the top right corner of your old content.

Galleries

Since Version 1.2 all the galleries have the masonry layout with the filter function and are cutomizable with some pre made classes:

Filters

Published Memes can be filtered using the Meme Categories
(managed under Memes > Categories)


Templates can be filtered using the Meme Template Tags
(managed under Media > Meme Tags)

To assign one or more tags to a template, go under Settings > MeMeMe > Templates, select the template > Edit Image


Style

The Gutenberg Block settings for galleries has the style option; you can check the desired option, or set the pre compiled classes inside the field CSS class, if you are using the shortcodes with classic editor.
Available for Memes and Templates galleries.

mmm-shadow sets a shadow behind the thumbnails

This example uses

[mememe-templates class="mmm-shadow"]

mmm-rounded sets rounded corners to the thumbnails

This example uses
[mememe-templates class="mmm-rounded"]

Styles can be combined.
The shortcode [mememe-templates] has also the checkable option 'title'

This example uses
[mememe-templates class="mmm-shadow mmm-rounded mmm-dark" title="1"]

mmm-dark sets a dark skin

This example uses
[mememe-list class="mmm-dark"]

mmm-frame sets a border around the thumbnails

This example uses
[mememe-list class="mmm-shadow mmm-frame"]

mmm-card (available for Memes galleries)

This example uses
[mememe-list class="mmm-shadow mmm-card"]

Colors

Buttons and filters colors and can be set under MeMeMe > Settings > Galleries > Style

You can also set a custom light and dark color for the galleries, under under MeMeMe > Settings > Galleries > Style

Widgets

You can place anywhere the generator, list the templates, or display the latest approved memes.

Support Desk

Consult the Support Forum or send me a message through CodeCanyon

Support for my items includes:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
Item support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Plugin Issue and not a customization request.
  • * Make sure you have read through the documentation before asking support on how to accomplish a task.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your plugin and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the item you are having issues with when requesting support.